<!DOCTYPE html>
<html>
  <head>
    <title>北斗智慧校园</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="../../../../../css/index.css">
	<script type="text/javascript" src="../../../../../public/libs/jquery/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="../../../../../public/libs/undercore.js"></script>
	<script type="text/javascript" src="../../../../../public/libs/jquery/jquery-lhgdialog/lhgdialog.min.js?self=true&skin=idialog"></script>
	<script type="text/javascript" src="../../../../../public/libs/datepicker/WdatePicker.js"></script>
	<script type="text/javascript" src="../../../../../public/js/home-common.js"></script>
	<script type="text/javascript" src="../../../../../public/js/ajax-crud.js"></script>
	<script type="text/javascript" src="../../../../../public/js/config.js"></script>
	<script type="text/javascript" src="../../../../../public/js/tools.js"></script>
	<script type="text/javascript" src="../../../../../public/js/checkkey.js"></script>
	<script type="text/javascript" src="js/inoutschool.js"></script>
  </head>
  <body style="overflow: hidden;font-family: 微软雅黑;">
	<div class="right-title">
		<div class="title-img2">
			<img src="../../../../../img/xw/stumanage.png" width="100%" height="100%">
		</div>
		<div class="title-text2">进校出校</div>
		<div class="title-model-now">
			<img src="../../../../../img/xw/lim.png" style="margin-top:5px;"/>
			<img src="../../../../../img/xw/lft.png" style="margin-top:9px;"/>
			<div class="model-now-text">校务管理</div>
			<img src="../../../../../img/xw/lft.png" style="margin-top:9px;"/>
			<div class="model-now-text" style="color:#949496;">进校出校</div>
		</div>
		<div class="title-search">
			<select id="student-type">
				<option value="">学段</option>
			</select>
			<select id="student-grade">
				<option value="">年级</option>
			</select>
			<select id="student-class">
				<option value="">班级</option>		
			</select>
			<select id="st-grade">
				<option value="">全部</option>
				<option value="1">出校</option>
				<option value="2">进校</option>
				<option value="5">非法离校</option>
			</select>
			<input type="text" id="student-name" placeholder="请输入学生姓名"/>
			<input type="text" id="start-time" class="Wdate" readonly="readonly" onclick="WdatePicker({dateFmt: 'yyyy-MM-dd HH:mm',maxDate:'#F{$dp.$D(\'end-time\')}'})">
			<input type="text" id="end-time" class="Wdate" readonly="readonly" onclick="WdatePicker({dateFmt: 'yyyy-MM-dd HH:mm',minDate:'#F{$dp.$D(\'start-time\')}'})">
			<div class="search-btn" id="attence-search-btn">查询</div>
		</div>
	</div>
	<div class="right-content" id="right-tables">
		<div class="content-title">
			<div class="table-logo">
				<img src="../../../../../img/xw/add-li.png" width="100%" height="100%">
			</div>
			<div class="table-title">进离校详情</div>
			<div class="table-pages" id="student-page">
		</div>
		</div>
		<div class="data-back-img"></div>
		<div class="content-data-show" id="inout-data-show">
			
		</div>
	</div>
	<script id="data-template" type="text/template">
			<@_.each(obj, function(data,i) {@>
 				<div class="table-trs">
					<div class="tables-left" style='margin-left:15px;width:120px;'>
						<div class="table-name" style='width:220px;'><@=data.name@></div>
						<div class="table-code" style='width:220px;'><@=data.grade@>年级<@=data.clazz@>班</div>
					</div>
					<div class="tables-right">
						<div class="table-address">
							<@if(data.status == 1){@>
								<div class="table-outschool" title="出校"></div>
							<@}else if(data.status == 2){@>
								<div class="table-inschool" title="进校"></div>
							<@}@>
						</div>
						<div class="table-address">时间：<@=getFormatDateByLong(parseInt(data.time),"yyyy-MM-dd hh:mm")@></div>
					</div>
				</div>
			</div>
			<@});@>
		</script>
 </body>
</html>
